<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../css/media-100.css" />
    <link rel="stylesheet" href="../css/zy-iconfont.css" />
    <link rel="stylesheet" href="../css/zy.css" />
  </head>
  <body>
    <header>
      <div class="hcon">
        <ul>
          <!-- 点击跳转定位城市页 -->
          <li onclick="city()">
            <a href="#">全国 <span class="iconfont icon-xiala"></span></a>
          </li>
          <!-- 点击跳转搜索页 -->
          <li onclick="search()">
            <span class="iconfont icon-fangdajing"></span>找律师
          </li>
        </ul>
      </div>
    </header>
    <article>
      <!-- 点击跳转快速资讯 -->

      <div class="d1" onclick="DataQuick()">
        <h2>我要咨询</h2>
        <p>30秒匹配在线律师</p>
        <span class="iconfont icon-zixun sp"></span>
      </div>
      <!-- 点击跳转我要打官司 -->

      <div class="d2" onclick="litigation()">
        <h2>我要打官司</h2>
        <p>诉讼顾问全程指导</p>
        <span class="iconfont icon-guansi sp"></span>
      </div>
    </article>
    <figure>
      <ul>
        <!-- 家庭婚姻 -->
        <li onclick="matrimony()">
          <span class="iconfont icon-xin fen"></span
          ><span class="zt">家庭婚姻</span>
        </li>
        <!-- 劳动工伤 -->
        <li onclick="injury()">
          <span class="iconfont icon-gongshang huang"></span
          ><span class="zt">劳动工伤</span>
        </li>
        <!-- 借款借贷 -->
        <li onclick=" borrowMoney ()">
          <span class="iconfont icon-jiekuanjiedaicopy lan"></span
          ><span class="zt">借款借贷</span>
        </li>
        <!-- 交通事故 -->
        <li onclick=" trafficCrash()">
          <span class="iconfont icon-traffic-accident fen"></span
          ><span class="zt">交通事故</span>
        </li>
        <!-- 合同纠纷 -->
        <li onclick="contractDispute()">
          <span class="iconfont icon-hetongjiufen huang"></span
          ><span class="zt">合同纠纷</span>
        </li>
        <!-- 房产纠纷 -->
        <li onclick=" houseProperty()">
          <span class="iconfont icon-maifangjiufen huang"></span
          ><span class="zt">房产纠纷</span>
        </li>
        <!-- 刑事辩护 -->
        <li onclick="criminalDefense()">
          <span class="iconfont icon-xingshibianhu lan"></span
          ><span class="zt">刑事辩护</span>
        </li>
        <!-- 全部分类 -->
        <li onclick="allCategories()">
          <span class="iconfont icon-quanbufenlei lan"></span
          ><span class="zt">全部分类</span>
        </li>
      </ul>
    </figure>
    <main>
      <h1>精选律师</h1>
      <ul>
        <!-- 卢本伟详情
        <li onclick="particularlu()">
          <img src="../img/未标题-1.jpg" alt="" />
          <div class="mask">卢本伟</div>
          <div class="js">
            <p class="p1">擅长：家庭婚姻，交通事故</p>
            <p class="p2">
              <span class="sp2">￥68</span><span class="sp1">39456咨询</span>
            </p>
          </div>
        </li> -->
        <!-- 罗翔详情  -->
        <!-- <li onclick="particularluo()">
          <img src="../img/未标题-1.jpg" alt="" />
          <div class="mask">罗翔</div>
          <div class="js">
            <p class="p1">擅长：法外狂徒，张三丰</p>
            <p class="p2">
              <span class="sp2">￥9999</span
              ><span class="sp1">99999999咨询</span>
            </p>
          </div>
        </li>
        <li></li>
        <li></li>
        <li></li> -->
      </ul>
    </main>
    <footer>
      <ul>
        <!--律师馆-->
        <li onclick="theInnsOfCourt()">
          <a href="#"><span class="iconfont icon-jia"></span>律师馆</a>
        </li>
        <!--消息-->
        <li onclick="news()">
          <a href="#"><span class="iconfont icon-xiaoxi"></span>消息</a>
        </li>
        <!--志愿者-->
        <li onclick="volunteer()">
          <a href="#"><span class="iconfont icon-zhiyuanzhe"></span>志愿者</a>
        </li>
        <!--我的-->
        <li onclick="me()">
          <a href="#"><span class="iconfont icon-mine-inactive"></span>我的</a>
        </li>
      </ul>
    </footer>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="../js/js.js"></script>
  </body>
</html>
